<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome to EvaluacionProfesores application</title>
 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css">
 <link rel="stylesheet" type="text/css" href="css/style.css"> 
 <!-- <script type="text/javascript" src="js/jquery-1.9.1.js"></script> -->
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
 <!-- <script type="text/javascript" src="js/script.js"></script> -->
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/script.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
	
	$("#surveyButton").click(function(){
	
	$("#img").css("display","none");
	$(".cedulla").css("display","inline");
	
	});
	
	$("#fetchButton").click(function(){
	
	$("#cedullaDetailsTable").css("display","inline");
	
	});
	
});

 </script>
</head>
<body>
<div align="center" class="mainDiv">
<table class="mainTable shadow">
<tr><td colspan="2"><p class="selectButton" style="width: 590px;text-align: center;">Welcome to EvaluacionProfesores application</p></td></tr>
<tr>

<td>
<input class="selectButton" type="Submit" value="Registration" id="registrationButton"><br/><br/>
<input class="selectButton" type="Submit" value="Survey" id="surveyButton"><br/><br/>
</td>

<td>
<div align="center" class="divBox"><img src="${pageContext.request.contextPath}/images/survey.jpg" class="img" id="img">
<p class="cedulla">CEDULLA:&nbsp;</p><input  type="text" name="cedulla" class="cedulla" id="cedulla" align="middle" title="CEDULLA">&nbsp;&nbsp;&nbsp;<a href="#" id="fetchCedullaDetails" class="cedulla" id="fetchButton" style="background-color: #FAC;text-decoration: none;" onclick="fetchStudentDetails();">FETCH</a><br/>
<p id="searchResult" style="display: none;color:red;"></p>
<table class="divBox" id="cedullaDetailsTable" style="display: none;">
<tr style="background-color: #A9E2F3;"><th>CEDULLA</th><th>USER TYPE</th><th>NAME</th><th>SEMESTRE</th><th>DEPARTMENT</th><th>SURVEY STATUS</th></tr>
<tr style="color: #0B243B;"><td id="cedullaValue"></td><td id="userType"><td id="userName"></td><td id="currentSemester"></td><td id="departmentName"></td><td id="surveyStatus"></td></tr> 
<tr><td colspan="6" style="text-align: center;">&nbsp;</td></tr> 
<tr><td colspan="6" style="text-align: center;">&nbsp;</td></tr> 
<tr><td id="surveyComplete" colspan="6" style="text-align: center;"></td></tr> 
</table>
</div></td>

</tr>




</table>


</div>
</body>
</html>